<template>
  <div class="TabContainer">
    {{ title }}
  </div>
</template>

<script>
import { defineComponent, ref } from "vue";
export default defineComponent({
  props: {
    title: {
      type: String,
      defult() {
        return "";
      },
    },
  },
  setup() {
    const i = ref(3);

    return {
      i,
    };
  },
});
</script>

<style lang="scss">
@import "~@/styles/color.scss";
.TabContainer {
  height: 40px;
  line-height: 40px;
  text-align: center;
  &:hover {
    background-color: $mainColor;
  }
}
</style>